<template>
  <div class="cart_box">
    <div class="header_box">
      <div class="wi"></div>
      <div>我的</div>
      <div class="wi"></div>
    </div>
    <div class="hei"></div>
    <div class="user_info">
      <div class="user_1">
        <img class="ava_tar" :src="require('../../assets/images/home_banner.png')" alt />
        <div>
          <div class="user_name">Hi~, 胡先生</div>
          <div class="user_num">花圃号：1313123123123</div>
        </div>
      </div>
      <div class="user_2">
        <img class="img_icon" :src="require('./../../assets/images/my_ewm.png')" alt />
        <van-icon name="arrow" />
      </div>
    </div>
    <div class="order_info">
      <div class="order_aa">
        <div class="order_conta">
          <img class="img_1" :src="require('./../../assets/images/my_bt1.png')" alt />
          <div class="img_des">我的钱包</div>
        </div>
        <div class="order_conta" @click="$router.push('/orders')">
          <img class="img_1" :src="require('./../../assets/images/my_bt2.png')" alt />
          <div class="img_des">买家订单</div>
        </div>
        <div class="order_conta" @click="$router.push('/competeManage')">
          <img class="img_1" :src="require('./../../assets/images/my_bt3.png')" alt />
          <div class="img_des">竞标管理</div>
        </div>
        <div class="order_conta">
          <img class="img_1" :src="require('./../../assets/images/my_bt4.png')" alt />
          <div class="img_des">竞拍管理</div>
        </div>
      </div>
    </div>
    <div class="oher_box">
      <div class="oher_contant">
        <div class="act_box">
          <div class="cat_item" @click="$router.push('/shopJoin')">
            <div>
              <div class="c_1">商家入驻</div>
              <div class="c_2">新用户优惠多多</div>
            </div>
            <img class="c_3" :src="require('./../../assets/images/my_bt5.png')" alt />
          </div>
          <div class="cat_item" @click="$router.push('/supplierJoin')">
            <div>
              <div class="c_1">商家认证</div>
              <div class="c_2">认证后更多特权</div>
            </div>
            <img class="c_3" :src="require('./../../assets/images/my_bt6.png')" alt />
          </div>
        </div>
        <img class="y_img" :src="require('./../../assets/images/my_pic.png')" alt @click="$router.push('/discount')"/>
        <div class="shop_box">
          <div class="shop_contant">
            <div class="shop_tit">商家服务</div>
            <div class="order_aa1">
              <div class="order_conta" @click="$router.push('/goodsManage')">
                <img class="img_1" :src="require('./../../assets/images/my_bt7.png')" alt />
                <div class="img_des">商品管理</div>
              </div>
              <div class="order_conta" @click="$router.push('/transaction')">
                <img class="img_1" :src="require('./../../assets/images/my_bt8.png')" alt />
                <div class="img_des">竞标报价</div>
              </div>
              <div class="order_conta" @click="$router.push('/orders')">
                <img class="img_1" :src="require('./../../assets/images/my_bt9.png')" alt />
                <div class="img_des">卖家订单</div>
              </div>
              <div class="order_conta">
                <img class="img_1" :src="require('./../../assets/images/my_bt10.png')" alt />
                <div class="img_des">经营分析</div>
              </div>
            </div>
          </div>
        </div>
        <div class="shop_box">
          <div class="shop_contant">
            <div class="shop_tit">物流服务</div>
            <div class="order_aa1">
              <div class="order_conta" @click="$router.push('/driverList')">
                <img class="img_1" :src="require('./../../assets/images/my_bt11.png')" alt />
                <div class="img_des">司机管理</div>
              </div>
              <div class="order_conta" @click="$router.push('/lineList')">
                <img class="img_1" :src="require('./../../assets/images/my_bt23.png')" alt />
                <div class="img_des">路线管理</div>
              </div>
              <div class="order_conta" @click="$router.push('/allOrders')">
                <img class="img_1" :src="require('./../../assets/images/my_bt13.png')" alt />
                <div class="img_des">物流订单</div>
              </div>
              <div class="order_conta" @click="$router.push('/logisticsQuery')">
                <img class="img_1" :src="require('./../../assets/images/my_bt14.png')" alt />
                <div class="img_des">寻找物流</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="hei" ></div>
  </div>
</template>
<script>
// import "./style.module.scss";

export default {
  data() {
    return {
      isManage: false,
      value: 1
    };
  }
};
</script>
<style lang='scss' scoped>
.order_aa1 {
  width: 100%;
  @extend .flex;
  margin-top: 20px;
}
.shop_contant {
  padding: 20px m-w(27);
}
.shop_tit {
  font-size: m-w(26);
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
}

.shop_box {
  width: 100%;
  background: white;
  margin-top: 10px;
}
.y_img {
  margin-top: 10px;
  width: 100%;
  height: 62px;
}
.c_3 {
  width: 42px;
  height: 42px;
  margin-left: m-w(36);
}
.c_2 {
  font-size: m-w(24);
  margin-top: 12px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(169, 174, 192, 1);
}
.c_1 {
  font-size: m-w(32);
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
}
.cat_item {
  padding: 21px m-w(26);
  background: white;
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.act_box {
  @extend .flex;
}
.oher_box {
  width: 100%;
  .oher_contant {
    padding: 13px;
  }
}
.order_conta {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.img_des {
  margin-top: 10px;
  font-size: m-w(24);
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
}
.img_1 {
  width: 27px;
  height: 27px;
}
.order_aa {
  padding: 0 m-w(52);
  @extend .flex;
}
.order_info {
  width: 100%;
  padding: 25px 0;
  background: white;
}
.cart_box {
  min-height: 100vh;
  background: #f7f9fc;
  // height: 100vh;
}
.header_box {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  padding: 16px 0;
  background: white;
  @extend .flex;
  font-size: m-w(36);
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  .am {
    font-size: m-w(30);
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(169, 174, 192, 1);
    margin-right: m-w(27);
  }
  .wi {
    width: 30px;
  }
}
.hei {
  height: 57px;
}
.user_info {
  padding-top: 25px;
  width: 100%;
  background: white;
  @extend .flex;
}
.user_1 {
  display: flex;
  align-items: center;
}
.ava_tar {
  width: 46px;
  height: 46px;
  border-radius: 46px;
  margin-right: m-w(30);
  margin-left: m-w(52);
}
.user_name {
  font-size: m-w(32);
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
}
.user_num {
  font-size: m-w(24);
  margin-top: 5px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(169, 174, 192, 1);
}
.user_2 {
  display: flex;
  align-items: center;
  margin-right: m-w(39);
}
.img_icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;

  i {
    color: #a9aec0;
  }
}
</style>
